<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
        <title>招标公告列表</title>
        <jsp:include page="../lbi/css.jsp"></jsp:include>
        <link rel="stylesheet" href="<c:url value="/static/css/tender_list.css"/>" /> 
    </head>
    <body>
        <div class="wrap">
            <!-- 头部开始-->
            <jsp:include page="../lbi/head.jsp"></jsp:include>
            <!-- 头部结束-->
            <div class="nav_bottom common"></div>
            <!--内容开始-->
            <div class="content common">
                <div class="product-content clearfix">
                        <h1 class="zbdt">招标大厅</h1>
                        <a class="fbzb-btn-s" href="fbzb.html">发布招标</a>
                        <div class="tab">
                            <ul>
                                <li  class="active">进行中</li>
                                <li>已结束</li>
                            </ul>
                        </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            
                            <ul class="clearfix">
                                            <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                            <li>地区：广东清远</li>
                                            <li>诚信指数： 85</li>
                                            <li>开标时间：2018-06-15 15:00:00</li>
                                            <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <!-- end-sign:招标结束列表显示-->
                             <div class="end-sign"></div>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            <ul class="clearfix">
                                  <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                  <li>地区：广东清远</li>
                                  <li>诚信指数： 85</li>
                                  <li>开标时间：2018-06-15 15:00:00</li>
                                  <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            
                            <ul class="clearfix">
                                   <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                   <li>地区：广东清远</li>
                                   <li>诚信指数： 85</li>
                                   <li>开标时间：2018-06-15 15:00:00</li>
                                   <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            
                            <ul class="clearfix">
                                  <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                  <li>地区：广东清远</li>
                                  <li>诚信指数： 85</li>
                                  <li>开标时间：2018-06-15 15:00:00</li>
                                  <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            
                            <ul class="clearfix">
                                            <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                            <li>地区：广东清远</li>
                                            <li>诚信指数： 85</li>
                                            <li>开标时间：2018-06-15 15:00:00</li>
                                            <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    <div class="product-list">
                        <p class="c-name">清远市东江环保技术有限公司关于拆解产物销售的招标公告</p>
                        <div class="product-list-l fl">
                            <img src="static/img/item00.png">
                        </div>
                        <div  class="product-list-r fl">
                            
                            <ul class="clearfix">
                                            <li>供应商： 清远市东江环保技术有限公司<a class="rz-mark">【已认证】</a></li>
                                            <li>地区：广东清远</li>
                                            <li>诚信指数： 85</li>
                                            <li>开标时间：2018-06-15 15:00:00</li>
                                            <li class="hpqd-btn">货品清单</li>
                             </ul>
                            <a class="detail-btn">查看详情</a>
                        </div>
                    </div>
                    
                    </div>
                <div class="zb-process">
                    <img src="static/img/zb-process.png"  />
                    <a class="fbzb-btn-l fr" href="fbzb.html">发布招标</a>
                </div>
                <div class="notice-content">
                    <div class="notice-content-title">
                        <h3>中标公告</h3>
                    </div>
                    <div class="notice-list clearfix">
                        <table>
                            <thead>
                                <tr>
                                    <th class="tl" width="60%">标题</th>
                                    <th width="20%">城市</th>
                                    <th width="20%">时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                    <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                            </tbody>
                        </table>
                        <span class="more more-btn fr">更多<i class="icon"></i></span>
                    </div>
                </div>
                
                <div class="notice-content">
                    <div class="notice-content-title">
                        <h3>更正公告</h3>
                    </div>
                    <div class="notice-list clearfix">
                        <table>
                            <thead>
                                <tr>
                                    <th class="tl" width="60%">标题</th>
                                    <th width="20%">城市</th>
                                    <th width="20%">时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                    <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                                <tr>
                                    <td class="tl">河南艾瑞、河南恒昌、湖北东江等公司关于有色金属类拆解物销售中标公告 </td>
                                    <td>河南</td>
                                    <td>2018-06-15</td>
                                </tr>
                            </tbody>
                        </table>
                        <span class="more more-btn fr">更多<i class="icon"></i></span>
                    </div>
                </div>
            </div>
            <!--内容结束-->
                <!--货品清单弹层区域开始-->
                <div class="shadow">
                <div class="confirm">
                    <div class="u_confirm_h">货品清单 <span class="cancel fr">×</span></div>
                    <div class="u_confirm_m">
                        <table class="hpqd-tab">
                            <thead>
                                <tr>
                                    <th width="25%">名称</th>
                                    <th width="10%">数量</th>
                                    <th width="10%">单位</th>
                                    <th width="15%">图片</th>
                                    <th width="60%">描述</th>
                                </tr>
                            </thead>

                        </table>
                    </div>
                    <div class="u_confirm_m scroll-y">
                        <table class="hpqd-tab">
                            <tbody>
                                <tr>
                                    <td width="25%">空调内机塑料+离心风叶</td>
                                    <td width="10%">240</td>
                                    <td width="10%">吨</td>
                                    <td width="15%"><img class="p-img" src="static/img/item00.png"/></td>
                                    <td width="60%">毛料</td>
                                </tr>
                                <tr>
                                    <td>空调内机塑料+离心风叶</td>
                                    <td>240</td>
                                    <td>吨</td>
                                    <td><img class="p-img" src="static/img/item00.png"/></td>
                                    <td>毛料</td>
                                </tr>
                                <tr>
                                    <td>空调内机塑料+离心风叶</td>
                                    <td>240</td>
                                    <td>吨</td>
                                    <td><img class="p-img" src="static/img/item00.png"/></td>
                                    <td>毛料</td>
                                </tr>
                                <tr>
                                    <td>空调内机塑料+离心风叶</td>
                                    <td>240</td>
                                    <td>吨</td>
                                    <td><img class="p-img" src="static/img/item00.png"/></td>
                                    <td>毛料</td>
                                </tr>
                                <tr>
                                    <td>空调内机塑料+离心风叶</td>
                                    <td>240</td>
                                    <td>吨</td>
                                    <td><img class="p-img" src="static/img/item00.png"/></td>
                                    <td>毛料</td>
                                </tr>
                                    <tr>
                                    <td>空调内机塑料+离心风叶</td>
                                    <td>240</td>
                                    <td>吨</td>
                                    <td><img class="p-img" src="static/img/item00.png"/></td>
                                    <td>毛料</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="u_confirm_b clearfix">
                        <!--<a href="#" class="btn  cancel fl">取消</a>
                        <a href="#" class="btn btn-blue sure fr">确定</a>-->
                    </div>
                </div>
            </div>
            <!--货品清单弹层区域结束-->
            <footer class="common">
                <div class="footer-top">
                    <ul>
                        <li class="plqq">
                            <span class="icon"></span>
                            <h1>品种规格齐全</h1>
                        </li>
                        <li class="zzbz">
                            <span class="icon"></span>
                            <h1>质量可靠保障</h1>
                        </li>
                        <li class="jgyz">
                            <span class="icon"></span>
                            <h1>价格占有优势</h1>
                        </li>
                        <li class="qqbt">
                            <span class="icon"></span>
                            <h1>缺钱可打白条</h1>
                        </li>
                        <li class="mfzc">
                            <span class="icon"></span>
                            <h1>免费找货找车</h1>
                        </li>
                    </ul>
                </div>
                <div class="footer-bottom">
                    <h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
                    <h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
                </div>
            </footer>

        </div>
        <script type="text/javascript" src="static/lib/jquery-3.3.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() { 
            //导航高亮
            $("#nav_main li").eq(4).addClass("selected-color");
            //招标切换
                $(".product-content .tab li").hover(function() {
                    $(this).addClass('active').siblings().removeClass('active');
                }, function() {

                });
                
                 $(".notice-list tbody tr").each(function(){
                    if($(this).index()>6){
                        $(this).addClass('none');
                    };
                  });
                  
                  
                  $('.more-btn').click(function() {
                        $(this).parents(".notice-list").children().find("tr").removeClass('none');
                    });

            });
            
                $('.hpqd-btn').click(function(){
                    $('.shadow').addClass('block');
                    $("body").css({"overflow-y":"hidden"});
                });
                
                $('.cancel').click(function(){
                    $('.shadow').removeClass('block');
                    $("body").css({"overflow-y":"scroll"});
                });
            
        </script>
    </body>
</html>
